Перейти к содержимому

Большие фотографии в обзоре


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 28

#1 Bim_Sony

Bim_Sony

    Продвинутый пользователь

  • Участник
  • PipPipPip
  • 87 сообщений

Отправлено 22 Март 2012 - 10:21

Добрый день.
Подскажите, как в обзоре сделать кликабельные фотографии(при клике на фотографию, открывается фотография с другого сайта в большом размере).

#2 oleg826

oleg826

    Продвинутый пользователь

  • Участник
  • PipPipPip
  • 107 сообщений

Отправлено 22 Март 2012 - 22:27

Залить на картинохранилище и вставить превью

#3 vint_x

vint_x

    Продвинутый пользователь

  • Участник
  • PipPipPip
  • 130 сообщений

Отправлено 22 Март 2012 - 23:28

Я использую такой метод:
Заливаю картинку в http://pix.academ.org/
Получаю ссылку на оригинальный размер
К примеру вот http://pix.academ.or... ... efcf58.jpg
Чем мне понравился этот сервис, немного изменив ссылку, можно получить картинку любого размера,
вот, добавив два числа, я получил привьюшку:
http://pix.academ.or...ce2b3efcf58.jpg
Можно поиграться с этими цифрами и выбрать нужный для себя размер.

Ну а далее, если это обзор товара. вставляю html код

Или для форума:
[url=http://pix.academ.org/img/2012/03/23/d5f9a78e7c070adf93f2dce2b3efcf58.jpg][img]http://pix.academ.or...8.jpg[/img[/url]


#4 randvell

randvell

    Продвинутый пользователь

  • Участник
  • PipPipPip
  • 838 сообщений

Отправлено 22 Март 2012 - 23:51

Делаю тоже самое, что в посте выше, но куда быстрее через мультизагрузку на radikal.ru

#5 vint_x

vint_x

    Продвинутый пользователь

  • Участник
  • PipPipPip
  • 130 сообщений

Отправлено 23 Март 2012 - 00:42

randvell сказал:

Делаю тоже самое, что в посте выше, но куда быстрее через мультизагрузку на radikal.ru
Радикал не люблю из за навязчивой рекламы. Да и сам сервис медленный, файлы долго заливаются даже на выделенке.

#6 Bim_Sony

Bim_Sony

    Продвинутый пользователь

  • Участник
  • PipPipPip
  • 87 сообщений

Отправлено 23 Март 2012 - 08:02

vint_x сказал:

Я использую такой метод:
Заливаю картинку в http://pix.academ.org/
Получаю ссылку на оригинальный размер
К примеру вот http://pix.academ.or... ... efcf58.jpg
Чем мне понравился этот сервис, немного изменив ссылку, можно получить картинку любого размера,
вот, добавив два числа, я получил привьюшку:
http://pix.academ.or...ce2b3efcf58.jpg
Можно поиграться с этими цифрами и выбрать нужный для себя размер.

Ну а далее, если это обзор товара. вставляю html код

Или для форума:
[url=http://pix.academ.org/img/2012/03/23/d5f9a78e7c070adf93f2dce2b3efcf58.jpg][img]http://pix.academ.or...8.jpg[/img[/url]

эээ.. метод понял, только у вас превьюшка именно с того сайта, на который заливали. А я видел, что здесь на муське при нажатии на фотку (которую залили на муське) открывается нормальная большая фотография с другого ресурса. пытался экспериментировать ничего не вышло.
Скажите пройдет такая конструкция:

П.С. для себя экспериментально выяснил, что ширина фотографии на муське не более 500 пикселей (не важно какая ориентация фотографии). Отсюда следует, что если выкладывать фотки, то лучше в книжной ориентации - больше полезной информации помещается.

#7 vint_x

vint_x

    Продвинутый пользователь

  • Участник
  • PipPipPip
  • 130 сообщений

Отправлено 23 Март 2012 - 08:07

Bim_Sony, да, можно и так, как вариант, заливаете фотку на файлообменник, далее на муське нажимаете кнопку вставки картинки, указываете адрес залитой фотки, если она по размерам слишком большая, можно ограничить http://pix.academ.or...ce2b3efcf58.jpg тогда фотка будет уменьшена по большой стороне. При нажатии на кнопку добавить, вы получите готовый код вывода привьюшки, далее выделяем его, нажимаем кнопку [URL] и указываем адрес полной фотки.

#8 Bim_Sony

Bim_Sony

    Продвинутый пользователь

  • Участник
  • PipPipPip
  • 87 сообщений

Отправлено 23 Март 2012 - 08:20

Спасибо. В следующем обзоре попробую так сделать.

#9 admin

admin

    Администратор

  • Администратор
  • PipPipPip
  • 3 450 сообщений

Отправлено 24 Март 2012 - 17:28

я как-то начинал работать над этой проблемой, часть сделал - чтобы большие картинки сохранялись, но до конца довести пока не хватает времени.

Предположим вы залили картинку и сайт сохранил ее как

_http://images.mysku.ru/uploads/images/00/45/90/2012/03/24/df07d5.jpg

чтобы получить доступ к полноразмерной картинке достаточно написать

_http://images.mysku.ru/uploads/images/original/00/45/90/2012/03/24/df07d5.jpg

#10 vint_x

vint_x

    Продвинутый пользователь

  • Участник
  • PipPipPip
  • 130 сообщений

Отправлено 24 Март 2012 - 20:47

admin сказал:

я как-то начинал работать над этой проблемой, часть сделал - чтобы большие картинки сохранялись, но до конца довести пока не хватает времени.

Предположим вы залили картинку и сайт сохранил ее как

_http://images.mysku.ru/uploads/images/00/45/90/2012/03/24/df07d5.jpg

чтобы получить доступ к полноразмерной картинке достаточно написать

_http://images.mysku.ru/uploads/images/original/00/45/90/2012/03/24/df07d5.jpg

а я думал это сделано для экономии места на сервере :D
В принципе на многих высокопосещаемых ресурсах призывают использовать внешние файлохранилища.

#11 admin

admin

    Администратор

  • Администратор
  • PipPipPip
  • 3 450 сообщений

Отправлено 24 Март 2012 - 21:39

vint_x сказал:

а я думал это сделано для экономии места на сервере :D
В принципе на многих высокопосещаемых ресурсах призывают использовать внешние файлохранилища.

а потом все матерятся на битые картинки или на обвешанные рекламой радикалы:)

#12 vint_x

vint_x

    Продвинутый пользователь

  • Участник
  • PipPipPip
  • 130 сообщений

Отправлено 25 Март 2012 - 00:25

Ну, если место на серваке позволяет, то конечно лучше так. А что мешает сделать сразу генерацию кода с превью?

#13 admin

admin

    Администратор

  • Администратор
  • PipPipPip
  • 3 450 сообщений

Отправлено 25 Март 2012 - 11:10

vint_x сказал:

Ну, если место на серваке позволяет, то конечно лучше так. А что мешает сделать сразу генерацию кода с превью?

:) тем, что это нужно править движок. Я начал это делать, но пока еще не доделал. В течении нескольких недель сделаю.

#14 KOL

KOL

    Продвинутый пользователь

  • Участник
  • PipPipPip
  • 587 сообщений

Отправлено 27 Март 2012 - 00:17

admin сказал:

:) тем, что это нужно править движок. Я начал это делать, но пока еще не доделал. В течении нескольких недель сделаю.

Дык осталось JS написать (20 минут времени), который будет искать фото в посте и биндить клик на большую версию фото.

#15 ratt

ratt

    Продвинутый пользователь

  • Участник
  • PipPipPip
  • 163 сообщений

Отправлено 27 Март 2012 - 00:34

admin, зря карты раскрываете. щас начнется заливка 10 mpx картинок ))))))))

#16 vint_x

vint_x

    Продвинутый пользователь

  • Участник
  • PipPipPip
  • 130 сообщений

Отправлено 27 Март 2012 - 00:38

ratt, да это фигня, ладно если сделаны они на нормальную камеру, а то сейчас полно лохоразводных камер на 15-40 мегапикселей, а детализация как была на уровне 3-6 так и осталась

#17 karagandinez

karagandinez

    Пользователь

  • Участник
  • PipPip
  • 13 сообщений

Отправлено 18 Январь 2019 - 13:41

Как-то не мог найти технических требований к фотографиям, размещаемым в обзорах. Как можно сохранить максимальное качество фото, чтобы движок сайта не пережимал их? По идее, если фотография не превышает определенных параметров, то она должна сохраняться с исходным качеством. Собственно вопрос: какое разрешение и размер фотографии являются таким оптимальными?

#18 kirich

kirich

    Продвинутый пользователь

  • Участник
  • PipPipPip
  • 669 сообщений

Отправлено 18 Январь 2019 - 13:55

karagandinez,
Сайт пережимает для превью до 800 по ширине, высота значения не имеет. Но когда открывается полное фото, то оно в исходном виде.
Потому вариантов два,
чтобы и в превью не жало, делаем ширину не более чем 800 и отключаем ватермарк.
чтобы посмотреть полностью в нормальном виде, ничего не отключаем, по клику будет полное изображение.

#19 CTAHOK

CTAHOK

    Продвинутый пользователь

  • Участник
  • PipPipPip
  • 93 сообщений

Отправлено 18 Январь 2019 - 14:27

Ограничения для картинок написаны здесь https://mysku.ru/page/help/images, т.е. сторона изображения не должна превышать 4000 точек и 5Мб веса. Ширина в 800 пикселей - минимальный оптимум. Если требуется, чтобы люди могли по клику на изображение открыть его в увеличенном виде и рассмотреть детали, то грузим соотвественно в бОльшем разрешении (по ширине 1280 либо 1600 например) и оставляем ватермарк муськин.

Сообщение отредактировано.


#20 karagandinez

karagandinez

    Пользователь

  • Участник
  • PipPip
  • 13 сообщений

Отправлено 18 Январь 2019 - 16:43

kirich, СТАНОК, спасибо!
Небольшое уточнение. Если не прикреплять вотермарк, то полноразмер урезается?
Странно, что такие вещи не прописаны прямо, а являются своего рода скрытыми лайфхаками